<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>服务套餐</title>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="lib/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" href="css/service.css">
</head>
<body>
    <!--顶部-->
    <div class="top_box">
        <div class="container">
               <div class="clearfix top_in">
                   <p class="left dec">网页游戏代理，页游平台研发</p>
                   <div class="right contact">
                        <div class="call contact_item">
                            <i class="iconfont icon-tubiao210"></i>
                            咨询热线：XXX
                        </div>
                       <div class="other_contact contact_item">
                           <a href="javascript:;">
                               <i class="iconfont icon-qq1"></i>
                           </a>
                           <a href="javascript:;">
                               <i class="iconfont icon-weibo"></i>
                           </a>
                           <a href="javascript:;">
                               <i class="iconfont icon-weixin"></i>
                           </a>
                       </div>
                       <div class="search contact_item">
                           <a href="javascript:;"><i class="iconfont icon-11"></i></a>
                       </div>
                   </div>
               </div>
        </div>
    </div>
    <!--导航-->
    <div class="top_nav_box clearfix">
        <div class="container">
                <div class="logo left">
                    <a href="javascript:;">
                        <img src="images/logo.png" alt="">
                    </a>
                </div>
                <ul class="nav_list left clearfix">
                    <li class="item">
                        <a href="javascript:;" class="nav_name">首页</a>
                    </li>
                    <li class="item ">
                        <a href="javascript:;" class="nav_name">企业介绍</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">产品介绍</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">风格演示</a>
                    </li>
                    <li class="item active">
                        <a href="javascript:;" class="nav_name ">服务套餐</a>
                        <ul class="down_list">
                            <li class="down_list_item">
                                <a href="javascript:;">产品套餐</a>
                            </li>
                            <li class="down_list_item">
                                <a href="javascript:;">服务列表</a>
                            </li>
                        </ul>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">游戏列表</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">H5平台系统</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">云服务器</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">联系我们</a>
                    </li>
                </ul>

        </div>
        <div class="screen_small">
            <a href="javascript:;" class="small_logo">
                <img src="images/logo.png" alt="">
            </a>
            <span class="screen_small_menu"><i class="iconfont icon-caidan"></i></span>
            <ul class="screen_small_list">
                <li>
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">企业介绍</a>
                </li>
                <li>
                    <a href="#">产品介绍</a>
                </li>
                <li>
                    <a href="#">风格演示</a>
                </li>
                <li class="">
                    <a href="javascript:;">产品套餐</a>
                </li>
                <li class="">
                    <a href="javascript:;">服务列表</a>
                </li>
                <li>
                    <a href="#">游戏列表</a>
                </li>
                <li>
                    <a href="#">H5平台系统</a>
                </li>
                <li>
                    <a href="#">云服务器</a>
                </li>
                <li>
                    <a href="#">联系我们</a>
                </li>

            </ul>
        </div>
    </div>
    <!--产品介绍-->
    <div class="pub_banner">
        <img src="images/service/banner.png" alt="">
    </div>
    <!--服务套餐-->
    <div class="container">
        <div class="about_title">
            <h2>服务套餐</h2>
        </div>

        <div class="about_top">
            <div class="about_nav">
                <a href="javascript:;" class="active">产品套餐</a>
                <a href="javascript:;">服务套餐</a>
            </div>
            <div class="about_tab swiper-container" id="about_tab">

                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="service_table clearfix">
                            <ul class="service_list left service_class">
                                <li class="service_tit">服务级别</li>
                                <li class="service_item">报价</li>
                                <li class="clearfix main_fn">
                                    <div class="left main_fn_name">

                                        <p>主</p>
                                        <p>要</p>
                                        <p>功</p>
                                        <p>能</p>

                                    </div>
                                    <div class="left main_fn_list">
                                        <ul class="service_list_in">
                                            <li class="service_dec">
                                                游戏接入、游戏开服、礼包中心、活动中心、公告管理、
                                                玩家管理、充值管理、游戏官网自建、
                                                第三方登录（QQ、微信、微博）、充值接口、页面静态、
                                                日志管理、权限管理、系统设置、等其他功能… <a href="#" class="color_r">更多</a>
                                            </li>
                                            <li class="service_item">积分商城</li>
                                            <li class="service_item">玩家论坛</li>
                                            <li class="service_item">CPS推广系统</li>
                                            <li class="service_item">平台币</li>
                                            <li class="service_item">积分、VIP系统</li>
                                            <li class="service_item">游戏盒子</li>
                                            <li class="service_item">混服系统</li>
                                            <li class="service_item">图片社区</li>
                                            <li class="service_item">开服表系统</li>
                                            <li class="service_item">手游系统(PC端)</li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                            <ul class="service_list left service_list_other">
                                <li class="service_tit">免费版</li>
                                <li class="service_item">
                                    <span class="color_r font_bold"> ￥12900</span>（原价：22900）
                                </li>
                                <li class="service_dec service_icon">
                                    <i></i>
                                </li>
                                <li class=" service_item service_icon">
                                    <i></i>
                                </li>
                                <li class=" service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                            </ul>
                            <ul class="service_list left service_list_other">
                                <li class="service_tit">增强版</li>
                                <li class="service_item">
                                    <span class="color_r font_bold">￥14900</span>（原价：24900）
                                </li>
                                <li class="service_dec service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                                <li class="service_item service_icon"><i class="error"></i></li>
                            </ul>
                            <ul class="service_list left service_list_other">
                                <li class="service_tit">全能版</li>
                                <li class="service_item">
                                    <span class="color_r font_bold"> ￥26400</span>（原价：44900）
                                </li>
                                <li class="service_dec service_icon"><i class=""></i></li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>
                                <li class="service_item service_icon">
                                    <i></i>
                                </li>

                                <li class="service_item service_icon"><i class="error"></i></li>
                            </ul>
                        </div>
                        <div class="swiper-container"  id="fn_list">
                            <div class="swiper-wrapper">
                                <ul class="service_list swiper-slide service_class">
                                    <li class="service_tit">服务级别</li>
                                    <li class="service_item">报价</li>
                                    <li class="clearfix main_fn">
                                        <div class="left main_fn_name">

                                            <p>主</p>
                                            <p>要</p>
                                            <p>功</p>
                                            <p>能</p>

                                        </div>
                                        <div class="left main_fn_list">
                                            <ul class="service_list_in">
                                                <li class="service_dec">
                                                    游戏接入、游戏开服、礼包中心、活动中心、公告管理、
                                                    玩家管理、充值管理、游戏官网自建、
                                                    第三方登录（QQ、微信、微博）、充值接口、页面静态、
                                                    日志管理、权限管理、系统设置、等其他功能… <a href="#" class="color_r">更多</a>
                                                </li>
                                                <li class="service_item">积分商城</li>
                                                <li class="service_item">玩家论坛</li>
                                                <li class="service_item">CPS推广系统</li>
                                                <li class="service_item">平台币</li>
                                                <li class="service_item">积分、VIP系统</li>
                                                <li class="service_item">游戏盒子</li>
                                                <li class="service_item">混服系统</li>
                                                <li class="service_item">图片社区</li>
                                                <li class="service_item">开服表系统</li>
                                                <li class="service_item">手游系统(PC端)</li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>

                                <ul class="service_list swiper-slide service_list_other">
                                    <li class="service_tit">免费版</li>
                                    <li class="service_item">
                                        <span class="color_r font_bold"> ￥12900</span>（原价：22900）
                                    </li>
                                    <li class="service_dec service_icon">
                                        <i></i>
                                    </li>
                                    <li class=" service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class=" service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                </ul>

                                <ul class="service_list swiper-slide service_list_other">
                                    <li class="service_tit">增强版</li>
                                    <li class="service_item">
                                        <span class="color_r font_bold">￥14900</span>（原价：24900）
                                    </li>
                                    <li class="service_dec service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                    <li class="service_item service_icon"><i class="error"></i></li>
                                </ul>

                                <ul class="service_list swiper-slide service_list_other">
                                    <li class="service_tit">全能版</li>
                                    <li class="service_item">
                                        <span class="color_r font_bold"> ￥26400</span>（原价：44900）
                                    </li>
                                    <li class="service_dec service_icon"><i class=""></i></li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>
                                    <li class="service_item service_icon">
                                        <i></i>
                                    </li>

                                    <li class="service_item service_icon"><i class="error"></i></li>
                                </ul>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="swiper-container" id="list">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="list">
                                        <div class="list_top">
                                            <div class="list_top_circle">
                                                <span class="list_top_circle_in"><i class="iconfont icon-add"></i></span>
                                            </div>
                                        </div>
                                        <div class="list_bottom">
                                            <h3 class="list_name">游戏接入</h3>
                                            <p class="list_dec">
                                                游戏管理，登录、充值、角色查询验证、礼包等接口添加，游戏logo，秘钥参数，充值比例设置等
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="list">
                                        <div class="list_top">
                                            <div class="list_top_circle">
                                                <span class="list_top_circle_in"><i class="iconfont icon-ziliaoguanli"></i></span>
                                            </div>
                                        </div>
                                        <div class="list_bottom">
                                            <h3 class="list_name">玩家管理</h3>
                                            <p class="list_dec">
                                                统计注册用户，编辑用户资料，强制改密，封号，设置用户组，调整积分等
                                            </p>
                                        </div>
                                    </div>
                                </div>

                                <div class="swiper-slide">
                                    <div class="list yellow_list">
                                        <div class="list_top">
                                            <div class="list_top_circle">
                                                <span class="list_top_circle_in"><i class="iconfont icon-yuanchenglianjie"></i></span>
                                            </div>
                                        </div>
                                        <div class="list_bottom">
                                            <h3 class="list_name">游戏开服</h3>
                                            <p class="list_dec">
                                                包含开服，停服，合服，设置火爆服，设置新服，添加开服名称及开服时间等
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="list yellow_list">
                                        <div class="list_top">
                                            <div class="list_top_circle">
                                                <span class="list_top_circle_in"><i class="iconfont icon-01"></i></span>
                                            </div>
                                        </div>
                                        <div class="list_bottom">
                                            <h3 class="list_name">充值管理</h3>
                                            <p class="list_dec">
                                                充值订单统计，游戏补单，订单查询，月汇总，周汇总
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="list">
                                        <div class="list_top">
                                            <div class="list_top_circle">
                                                <span class="list_top_circle_in"><i class="iconfont icon-jian"></i></span>
                                            </div>
                                        </div>
                                        <div class="list_bottom">
                                            <h3 class="list_name">礼包中心</h3>
                                            <p class="list_dec">
                                                礼包添加，编辑，设置礼包领取方法，使用方法，礼包领取（新手礼包、媒体礼包、钻石礼包、白金礼包、会长/会员礼包等）
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="list">
                                        <div class="list_top">
                                            <div class="list_top_circle">
                                                <span class="list_top_circle_in"><i class="iconfont icon-diannaopcxianshiqi"></i></span>
                                            </div>
                                        </div>
                                        <div class="list_bottom">
                                            <h3 class="list_name">游戏官网自建</h3>
                                            <p class="list_dec">
                                                系统可以新建游戏官网，配置官网背景图片，上传游戏链接等，无需动任何代码，只需动动鼠标，就可以生成漂亮炫酷游戏官网
                                            </p>
                                        </div>
                                    </div>
                                </div>

                                <div class="swiper-slide">
                                    <div class="list yellow_list">
                                        <div class="list_top">
                                            <div class="list_top_circle">
                                                <span class="list_top_circle_in"><i class="iconfont icon-panel"></i></span>
                                            </div>
                                        </div>
                                        <div class="list_bottom">
                                            <h3 class="list_name">活动中心</h3>
                                            <p class="list_dec">
                                                活动管理，活动添加、删除、修改设置活动时间，设置活动奖励等
                                            </p>
                                        </div>
                                    </div>
                                </div>

                                <div class="swiper-slide">
                                    <div class="list yellow_list">
                                        <div class="list_top">
                                            <div class="list_top_circle">
                                                <span class="list_top_circle_in"><i class="iconfont icon-jifen"></i></span>
                                            </div>
                                        </div>
                                        <div class="list_bottom">
                                            <h3 class="list_name">积分商城</h3>
                                            <p class="list_dec">
                                                积分商城添加，修改，定价，上下架，添加商品详情，兑换，收发货等
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="list">
                                        <div class="list_top">
                                            <div class="list_top_circle">
                                                <span class="list_top_circle_in"><i class="iconfont icon-lingdang-"></i></span>
                                            </div>
                                        </div>
                                        <div class="list_bottom">
                                            <h3 class="list_name">公告管理</h3>
                                            <p class="list_dec">
                                                新闻公告添加、删除、修改，设置新闻发布时间，发布新闻公告内容
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="list">
                                        <div class="list_top">
                                            <div class="list_top_circle">
                                                <span class="list_top_circle_in"><i class="iconfont icon-zixun"></i></span>
                                            </div>
                                        </div>
                                        <div class="list_bottom">
                                            <h3 class="list_name">玩家论坛</h3>
                                            <p class="list_dec">
                                                玩家论坛集成到平台，用户同步登陆，同步退步，同步注册，看起91wan、37wan、4399等一线平台
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                        <div class="service_tips">
                            <span class="service_tips_tit"></span>
                            <p>1、自行修改或使用非原始 JEECMS 程序代码产生的问题；</p>
                            <p>2、自行对数据库进行直接操作导致数据库出错或者崩溃；</p>
                            <p>3、非官方的模块/插件的安装以及由于安装模块/插件造成的故障；</p>
                            <p>4、服务器、虚拟主机原因造成的系统故障；</p>
                            <p>5、二次开发或定制及其它可能产生问题的情况。</p>
                            <p>说明①：以上情况不属于服务范围 </p>
                            <p>说明②：以上服务默认都属一次性服务，特殊服务除外。</p>
                            <p>说明③：表格中符号代表的含义</p>
                            <p>"×" 表示该版本不具备或不支持此功能或服务 "√" 表示该版本已具备或支持此功能或服务</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <div class="container">
            <div class="footer_top clearfix">
                <dl class="footer_code left">
                    <dt>
                        <img src="images/code.png" alt="">
                    </dt>
                    <dd>
                        <a href="#"><i class="iconfont icon-xiaoxi"></i>在线咨询</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>商户中心</dt>
                    <dd>
                        <a href="#">购买申请</a>
                    </dd>
                    <dd>
                        <a href="#">产品验证</a>
                    </dd>
                    <dd>
                        <a href="#">合作流程</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>服务内容</dt>
                    <dd>
                        <a href="#">游戏代理</a>
                    </dd>
                    <dd>
                        <a href="#">游戏盒子</a>
                    </dd>
                    <dd>
                        <a href="#">H5平台系统</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>关于215</dt>
                    <dd>
                        <a href="#">企业介绍</a>
                    </dd>
                    <dd>
                        <a href="#">公司证件</a>
                    </dd>
                    <dd>
                        <a href="#">招聘信息</a>
                    </dd>
                </dl>
                <dl class="left footer_contact other_line">
                    <dt>联系方式</dt>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-dingwei"></i></span>
                        XXX
                    </dd>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-dianhua1"></i></span>
                        XXX
                    </dd>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-youxiang"></i></span>
                        XXX
                    </dd>
                </dl>
            </div>
            <div class="footer_line">
                    <span>友情链接：</span>
                    <a href="#">百度一下</a> |<a href="#">优酷视频</a> |<a href="#">腾讯视频</a>
            </div>
            <div class="footer_ban">
                <div class="left footer_ban_l">
                    <a href="#">版权所有 © XXX   沪ICP备XXX号-19  </a>
                </div>
                <div class="right footer_ban_r">
                    <img src="images/footer_logo.png" alt=""> |
                    <img src="images/footer_jw.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!--浮层-->
    <div class="float_box">
        <div class="float_up">
            <p>TOP</p>
            <span><i class="iconfont icon-jiantou-up"></i></span>
        </div>
        <ul class="float_list">
            <li>
                <span><i class="iconfont icon-qq"></i></span>
                <div class="show_box">
                    <a href="javascript:;">立即咨询</a>
                </div>
            </li>
            <li>
                <span><i class="iconfont icon-dianhua"></i></span>
                <div class="show_box">
                    <p>XXX</p>
                </div>
            </li>
            <li>
                <span><i class="iconfont icon-weixin1"></i></span>
                <div class="show_box">
                    <img src="images/code2.png" alt="" class="code">
                    <p>扫一扫，关注哦~</p>
                </div>
            </li>
        </ul>
        <div class="float_down">
            <span><i class="iconfont icon-jiantou-down"></i></span>
        </div>
    </div>
</body>
</html>
<script src="js/jquery.js"></script>
<script src="lib/swiper/js/swiper.min.js"></script>
<script src="js/common.js"></script>
<script>

  $(function(){

      var tabsSwiper = new Swiper('#about_tab',{
          speed:500,
          spaceBetween: 20,
          onSlideChangeStart: function(){
              $(".about_nav .active").removeClass('active')
              $(".about_nav a").eq(tabsSwiper.activeIndex).addClass('active')
          }

      });
      $(".about_nav a").on('touchstart mousedown',function(e){
          e.preventDefault()
          $(".about_nav .active").removeClass('active')
          $(this).addClass('active')
          tabsSwiper.slideTo( $(this).index() )
      });
      $(".about_nav a").click(function(e){
          e.preventDefault()
      });


//      var swiper = new Swiper('#list', {
//          pagination: '.swiper-pagination',
//          slidesPerView: 5,
//          slidesPerColumn: 2,
//          paginationClickable: true,
//          spaceBetween: 30,
//          nested:true
//      });

      var swiper_fn = new Swiper('#fn_list', {
          pagination: '.swiper-pagination',
          slidesPerView: '1',
          centeredSlides: false,
          paginationClickable: true,
          spaceBetween: 10,
          nested:true
      });
      function _resize(){
          var w = $(window).width();

          if(w<=700){
              var swiper = new Swiper('#list', {
                  pagination: '.swiper-pagination',
                  slidesPerView: 1,
                  slidesPerColumn: 2,
                  paginationClickable: true,
                  spaceBetween: 30,
                  nested:true
              });
          }else if(w<=991&&w>=768){
              var swiper = new Swiper('#list', {
                  pagination: '.swiper-pagination',
                  slidesPerView: 3,
                  slidesPerColumn: 2,
                  paginationClickable: true,
                  spaceBetween: 30,
                  nested:true
              });
          }else if(w>=992&&w<=1199){
              var swiper = new Swiper('#list', {
                  pagination: '.swiper-pagination',
                  slidesPerView: 4,
                  slidesPerColumn: 2,
                  paginationClickable: true,
                  spaceBetween: 30,
                  nested:true
              });

          }else{
              var swiper = new Swiper('#list', {
                  pagination: '.swiper-pagination',
                  slidesPerView: 5,
                  slidesPerColumn: 2,
                  paginationClickable: true,
                  spaceBetween: 30,
                  nested:true
              });

          }
      }
      _resize();

      $(window).resize(function(){
          _resize();
      });

      $('.list').each(function (index,el) {
            $(el).hover(function(){
                $(this).addClass('hover');
            },function(){
                $(this).removeClass('hover');
            });
      });


  });



</script>